<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/cart.css">
</head>
<body>
  <div class="heard">
    <h1>欢迎光临  购物车</h1>
  </div>
  <div class="content container">
    <div class="top">
      <input class="allSelect" type="checkbox"> 全选
    </div>
    <ul class="cartBox">
      <li>
        <div class="select">
          <input type="checkbox">
        </div>
        <div class="show">
          <img src="../images/W020210630346872812411_580.png" alt="">
        </div>
        <div class="title">
          飒飒的德生科技粉红色的积分圣诞节开发和数据库发过火开始减肥
        </div>
        <div class="price">
          ￥ 100.00
        </div>
        <div class="number">
          <button>-</button>
          <input type="text" value="1">
          <button>+</button>
        </div>
        <div class="subprice">
          ￥ 100.00
        </div>
        <div class="del">
          <button>删除</button>
        </div>
      </li>
    </ul>
    <div class="bottom">
      <p class="totalNum">
        购买总数: 0
      </p>
      <p>
        <button class="aaa" data-id="${ item.goods_id }">删除所有已选中</button>
        <button class="aaaa" data-id="${ item.goods_id }">清空购物车</button>
        <button class="aaaaa" data-price="${ totalPrice }">去结算</button>
        <button class="sss">继续去选购</button>
      </p>
      <p class="totalPrice">
        总价格 : 0.00
      </p>
    </div>
  </div>
  <div class="footer"></div>
      <script src="../js/utils.js"></script>
      <script src="../js/cart.js"></script>
</body>
</html>